<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>轮播</title>
	<link rel="stylesheet" href="css/style.css">
	<!-- <script src="./js/jquery-3.1.1.min.js"></script> -->
</head>
<body>
	<div id="container">
		<div id="list" class="clearfix" style="left: -450px;">
			<img src="img/model04.jpg" alt="4">
			<img src="img/model01.jpg" alt="1">
			<img src="img/model02.jpg" alt="2">
			<img src="img/model03.jpg" alt="3">
			<img src="img/model04.jpg" alt="4">
			<img src="img/model01.jpg" alt="1">
		</div>
		<div id="buttons" class="clearfix">
			<span date-index="1" class="active"></span>
			<span date-index="2"></span>
			<span date-index="3"></span>
			<span date-index="4"></span>
		</div>
		<a href="javascript:;" class="arrow" id="prev"><</a>
		<a href="javascript:;" class="arrow" id="next">></a>
	</div>
	
	<script src="./js/carsouel.js"></script>	
</body>
</html>